#Youtube{width:100%;} #Youtube .youtube_table_top {width:100%; border:0px;} #Youtube .youtube_table_top td{border:0px; margin:5px; text-align:left;} #Youtube .youtube_table {width:100%; border:0px; border-top: solid 1px #e5e5e5; margin-top:30px;} #Youtube .youtube_table td{border:0px; margin:5px; text-align:left;} #youTop{border:0px; background:#f0f0f0; padding-top:15px; padding-left:15px;} #youTop .logo {border:0px; margin:5px;} #youTop .youtubeTitle {font-size:1.3em;margin: 10px 0;vertical-align:bottom;padding-bottom: 15px;font-weight:400; letter-spacing:-0.07em;} #youtubeTab {overflow: hidden; width:100%; background-color: #3596da; } #youtubeTab .type_m li{width: 20%;} #youtubeTab li {float: left; text-align:center; font-size: 1.1em; background-color: #3596da; } #youtubeTab .tap {overflow: hidden;} #youtubeTab li a {border: 0px; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; color:#e9e9e9;} #youtubeTab li a:hover {color:#e8e8e8;} #youtubeTab .tap li.on {position:relative; border-bottom: #0000ff 4px solid; background-color: #3596da; font-weight:600; color:#ffffff;} #youtubeTab .tap li.on a {border-bottom:0 none; border-top:0 none;color: #ffffff; padding: 17px 0; } #youtubeTab li:first-child a {margin-left:0;} .th_s{height:30px; padding-top:25px; padding-left:5px; padding-bottom:5px; vertical-align:bottom; font-size: 1.2em; font-weight:500; text-align:left; font-family: 'Roboto', sans-serif; } .th_s span{letter-spacing:-0.06em;} .th_i{padding-top:15px; padding-left:7px; vertical-align:top; text-align:left; font-family: 'Roboto', sans-serif; line-height:28px;} .th_i p{font-size: 1.5em; font-weight:500; letter-spacing:-0.06em; } .th_i span{font-size: 1.3em; font-weight:400; letter-spacing:-0.06em; padding-top:5px;} .th_i .view_btn {margin-top:28px; background-color:#e31837; width:180px; height:40px; line-height:40px; text-align:center; font-size:1.2em; color:#ffffff; font-family:'¸¼Àº °íµñ', Malgun Gothic;} @media (min-width:200px) and (max-width:1000px) { .td_l{padding:8px; width:45%;} } @media (min-width:1000px) { .td_l{padding:8px; width:320px;} } @media (min-width:600px) { #brTag {display: block;} } .td_top {vertical-align: top; padding:8px; text-align:left; line-height:1.2em; font-size:1.1em;} .pl{color:#8b8b8b; font-size:0.8em; padding-top:8px; vertical-align: top; text-align:left;} .view_btn {margin-top:10px; background-color:#fff; width:100%; height:40px; line-height:40px; text-align:center; font-size:1.2em; color:#2a2a2a;} /*----------------------------------- Play Tab -------------------------------------*/ .youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%; } .youtubeWrap iframe { position: absolute; width: 100%; height: 100%; } .pp1{padding: 18px 0px 5px 0px; margin-top:10px; padding-left:5px; font-size:1.3em;} .pp2{color:#606060; padding: 3px 0px 7px 0px;padding-left:5px; font-size:1.1em;} #class_go {width:96%; margin:10px 2% 10px 2%; } #class_go .btn_class{ background-color:#e20f32; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size: 1.3em; display:inline-block; text-decoration:none; } /*----------------------------------- PlayList Tab -------------------------------------*/ #map2 {width: 100%; position:relative;} #map2 .mapbox {position:relative; } #map2 .mapbox .mapaddress {position: absolute; background:url(//www.ielts.co.kr/home/images/company/map/bg_mapaddr.png); left: 60%; top:0; width: 40%; height: 100%;} #map2 .mapbox .mapaddress > span {color: #fff; font-size:1.1em; padding-left:40%; } .video-wrap { width: 100%; border: 1px solid #000000; position: relative; } .video-wrap img { width: 100%; vertical-align: middle; } .video-text { border-radius:15px; text-align: center; position: absolute; top: 50%; left: 50%; vertical-align:middle; transform: translate( -50%, -50% ); } .tit { text-align:left; font-size:1.3em; margin: 10px 0; vertical-align:bottom; padding-bottom: 5px; font-weight:400; }